<template>
    <div>
        <select v-model="city" @click="changeCity()" >
            <option
            
            v-for="value in citys"
            :key="value.id" 
            :value="value.value"
            >{{ value.value }}</option>
        </select>
    </div>
</template>
<script setup lang="ts"> 
import { ref,reactive } from 'vue'
const city =ref('北京')

const citys=reactive([
    {id:'01',value:'北京'},
    {id:'02',value:'福建'}
])
const changeCity =() =>{
    console.log(city.value)
}


</script>
<style scoped>

</style>